﻿<!doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id='p-file'>
<head>
    <script src="../../fly.common/fly/fly.js" type="text/javascript"></script>
    <script src="../../fly.common/fly.ui/plugins/selection/selection.js" type="text/javascript"></script>
    <script src="../../fly.common/fly.ui/plugins/list-view/list-view.js" type="text/javascript"></script>
    <script src="../../fly.common/fly.ui/simple/fly-css-ui.js" type="text/javascript"></script>

    <script src="../common/common.js" type="text/javascript"></script>
    <script src="js/manage.js" type="text/javascript"></script>
    
    <link href="../themes/box-default/common.css" rel="stylesheet" type="text/css" />
    <link href="../themes/box-default/file/file.css" rel="stylesheet" type="text/css" />
    
    
    <link href="../../fly.common/fly.ui/simple/default.css" rel="stylesheet" type="text/css" />
    <link href="../../fly.common/fly.ui/plugins/themes/blue/fly-base.css" rel="stylesheet" type="text/css" />
    <link href="../../fly.common/fly.ui/plugins/themes/common/dialog.css" rel="stylesheet" type="text/css" />
    <link href="../themes/box-default/dialog.css" rel="stylesheet" type="text/css" />
    <script src="../../fly.common/fly.ui/plugins/pager/simple.js" type="text/javascript"></script>
    <link href="../../fly.common/fly.ui/plugins/themes/plain/simple-pager.css" rel="stylesheet"
        type="text/css" />
</head>
<body class="a-button">
    <script id="nodeTemplate" type="template">
        <li id={node.id} class='f-lv-node node-type-{node.type} {manager.getFixCss(node)} ex-{node.extension} node-star-{node.star}'>
            <div class=f-checkbox ></div>
            <div class=node-icon {@if node.share}title='已分享 {node.share}'{if@} {@if node.type=='folder'} onclick=manager.open('{node.fileId}') {if@}>{@if node.share}<i class=share></i>{if@}</div>
            <div class=node-infos >
                <div>
                    <a class=node-name href='javascript:;' title='{node.name}' onclick="manager.open('{node.fileId}')">{node.name}</a>
                    <a class='node-star' href='javascript:;' onclick="manager.star('{node.fileId}')"></a>
                </div>
                <em class=node-time >{node.time.format('yyyy-MM-dd hh:mm')}</em>
                <em class=node-size >{$.sizeFormat(node.size)}</em>
            </div>
            <div class=node-commands >
                <a class=node-cmd-down href='javascript:;' title='下载文件' onclick="manager.down('{node.fileId}')"></a>
                <a class=node-cmd-open href='javascript:;' title='浏览' onclick="manager.open('{node.fileId}')"></a>
                <a class=node-cmd-share href='javascript:;' title='分享文件' onclick="manager.share('{node.fileId}')"></a>
                <a class=node-cmd-fix href='javascript:;' title='固定到菜单' onclick="manager.fixFolder('{node.fileId}')"></a>
                <a class=node-cmd-more href='javascript:;' title='更多' onclick="manager.showMore(this,'{node.fileId}')"></a>
            </div>
        </li>
    </script>
    <div id="pager">
        <a id='pager-info'></a>
        <span id='pager-buttons'>
            <a id='previous-page' title='上一页'>«</a>
            <span id='pager-pages'></span>
            <a id='next-page' title='下一页'>»</a>
        </span>
    </div>
    <div id='cmd-bar'>
        <button id='upload-btn'><i></i><span></span></button>
        <span id='new-menu'>
            <button id='new-btn' class='down-arrow' onclick='manager.newFolder()'><i></i>创建文件夹<!--<b class='arrow f-menu-toggle'></b>--></button>
           <!-- <ul class="f-menu" style="z-index:10000">
                <li onclick='manager.newFolder()'><a>文件夹</a></li>
                <li class="divider"></li>
                <li><a>网页文档</a></li>
                <li><a>Word 文档</a></li>
                <li><a>Excel 文档</a></li>
            </ul>-->
         </span>
    </div>
    <div id='path-bar'>
        <span id='paths'></span><a id='path-end'></a>
    </div>
    <div id='show-bar' class="show-bar">
        <div class="left-block">
            <span class="tool-block"><div id='select-all' class='f-checkbox' oncontextmenu='return false' title='全选、右击反选'></div></span>
            <span id='type-block' class="tool-block">
                <a id='show-all' class='f-checked'><i></i>全部</a>
                <a id='only-doc'><i></i>文档</a>
                <a id='only-image'><i></i>图片</a>
                <a id='only-audio'><i></i>音乐</a>
                <a id='only-video'><i></i>视频</a>
                <a id='only-compress'><i></i>压缩</a>
                <a id='only-app'><i></i>应用</a>
            </span>
            <span id="mark-block" class="tool-block">
                <a id='only-star'><i></i>星标</a>
                <a id='only-share'><i></i>分享</a>
            </span>
        </div>
        <div class='right-block'>      
            <span id='sort-block' class="tool-block" >
                <a class='down-arrow f-menu-toggle'><span>时间 • 新到旧</span><b class='arrow'></b></a>
                <ul class="f-menu" style="z-index:10000">
                    <li sort="Time" desc="1"><a>时间 • 新到旧</a></li>
                    <li sort="Time"><a>时间 • 旧到新</a></li>
                    <li class="divider"></li>
                    <li sort="Name"><a>文件名 • 顺序</a></li>
                    <li sort="Name" desc="1"><a>文件名 • 倒序</a></li>
                    <li class="divider"></li>
                    <li sort="Size" desc="1"><a>文件 • 大到小</a></li>
                    <li sort="Size"><a>文件 • 小到大</a></li>
                </ul>
            </span>
            <span id="view-block" class="tool-block">
                <a id='is-list' class='f-checked'><i></i>列表</a>
                <a id='is-tile'><i></i>平铺</a>
                <a id='is-icon'><i></i>图标</a>
            </span>
        </div>
    </div>
    <div id="cmds-menu" class="a-button">
        <a id="menu-down" onclick='manager.down()'>下载</a>
        <a id="menu-share" onclick='manager.share()'>分享</a>
        <a id="menu-open" class='single' onclick='manager.open()'>浏览</a>
        <a id="menu-move" onclick='manager.move()'>移动</a>
        <a id="menu-rename" onclick='manager.rename()'>重命名</a>
        <a id="menu-delete" onclick='manager.remove()'>删除</a>
    </div>
    <div class='list-loading'></div>
    <ul id="file-list">
    </ul>
    <script type="text/javascript">
        fly.box.FileManage.onLoad(function () {
            window.manager = new fly.box.FileManage();
            manager.reloadFiles();
        });
        
        fly.ui.Menu.applyAll()
    </script>
</body>
</html>
